<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">
    <title>批量生成奖状系统-导入说明</title>
    <link rel="stylesheet" href="../../static/css/reset.css">
    <link rel="stylesheet" href="../../static/css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="../../static/css/index/standard.css">
  </head>

  <body>
    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron">
        <div class="container">
            <h1>导入名单表格规范说明</h1><br>
            <p>系统目前仅支持<strong class="text-info">三种</strong>文件类型的上传，请根据您上传的文件类型阅读下面的规范说明。</p><br>
            <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
        </div>
    </div>

    <div class="container">
        <div class="row">
          <div class="col-md-4">
            <h2>CSV文件上传</h2><br>
            <p>CSV文件应当<strong class="text-info">不带列名且两列显示</strong>，第一列默认为<strong class="text-info">获奖人姓名</strong>；第二列为<strong class="text-info">获奖等级</strong>；每行的数据一一对应，且一个单元格内一个数据，<strong class="text-danger">切勿</strong>一个单元格多个数据。示例图如下：</p>
            <img src="../../static/images/CSV test.png" alt="CSV示例图" class="img-responsiv text-centere"><br><br>
            <p><a class="btn btn-default" href="#" role="button">More details &raquo;</a></p>
          </div>

          <div class="col-md-4">
            <h2>TXT文件上传</h2><br>
            <p>TXT文件应当<strong class="text-info">两行</strong>显示，第一行为<strong class="text-info">获奖人姓名</strong>，以“<strong class="text-info">、</strong>”为分隔符号；第二行为<strong class="text-info">获奖等级</strong>，先后顺序应当符合第一行的获奖人顺序，并且同样以“<strong class="text-info">、</strong>”为分隔符号。示例图如下：</p>
            <img src="../../static/images/TXT test.png" alt="TXT示例图" class="img-responsive text-center"><br><br>
            <p><a class="btn btn-default" href="#" role="button">More details &raquo;</a></p>
          </div>

          <div class="col-md-4">
            <h2>EXCEL文件上传</h2><br>
            <p>EXCEL文件格式类似于CSV文件，唯一不同的是，EXCEL文件需要为<strong class="text-danger">每列</strong>添加<strong class="text-info">列名</strong>，第一行的数据<strong class="text-danger">必须</strong>为<strong class="text-info">“姓名”</strong>和<strong class="text-info">“获奖等级”</strong>，从第二行开始的格式与CSV文件格式<strong class="text-info">完全相同</strong>。示例图如下：</p>
            <img src="../../static/images/EXCEL test.png" alt="EXCEL示例图" class="img-responsive text-center"><br><br>
            <p><a class="btn btn-default" href="#" role="button">More details &raquo;</a></p>
          </div>
        </div>

        <hr>

        <footer>
          <p>&copy; 2020 | zm | 系统还有待完善，欢迎给出指导意见 | Email：zhuming-self@qq.com</p>
        </footer>
    </div>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>
